*{
	margin: 0px;
	padding: 0px;
	font-family: "微软雅黑";
	list-style: none;
	font-size: 0.9rem;
}
/**首页**/
.home-header{
	width: 100%;
	height: auto;
	padding: 5px 10px 7px 10px;
	background:#3ca582;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	div:nth-of-type(2){
		width: 55%;
	}
	.home-diqu{
		width: 18%;
		float: left;
		background: none;
		color:white;
	}
	.mui-search{
		float: left;
		margin-top: 5px;
		margin-right: 10px;
	}
	.mui-icon-chat{
		color: white;
	}
}
.mui-row{
	background: white;
	.mui-col-sm-l2{
		li{
			img{
				width: 100%;
				background-size: cover;
			}
		}
	}
}

.tpl-wrapper{
	margin-top: 5px;
	.tpl-wrapp{
		display: flex;
		overflow: hidden;
		-webkit-box-orient: vertical;
		flex-direction: column;
		width: 100%;
		height: auto;
		place-self: flex-start;
		.tpl-content{
			display: flex;
			overflow: hidden;
			-webkit-box-orient: horizontal;
			flex-direction: row;
			width: 100%;
			height: 112px;
			place-self: flex-start;
			.tpl-content-box{
				display: flex;
				overflow: hidden;
				width: 50%;
				height: 100%;
				background-color: rgb(255, 255, 255);
				place-self: flex-start;
				position: relative;
				.tpl-content-one{
					display: flex;
					overflow: hidden;
					margin-top: 47px;
					margin-left: 10px;
					width: 72px;
					height: 58px;
					position: absolute;
					.tpl-img-1{
						width: 100%;
						height: 100%;
						background-image: url(../images/s1.jpg);
						background-repeat: no-repeat;
						background-position: center center;
						background-size: contain;
					}
				}
				.tpl-content-two{
					display: flex;
					overflow: hidden;
					margin-top: 13px;
					margin-left: 98.5px;
					width: 79px;
					height: 92.5px;
					position: absolute;
					.tpl-img-2{
						width: 100%;
						height: 100%;
						background-repeat: no-repeat;
						background-position: center center;
						background-size: contain;
						background-image: url(../images/s2.jpg);
					}
				}
				.tpl-content-three{
					display: flex;
					overflow: hidden;
					width: 100%;
					height: 26px;
					position: absolute;
					.tpl-img-3{
						width: 100%;
						height: 100%;
						background-image: url(../images/tb11.png);
						background-repeat: no-repeat;
						background-position: center center;
						background-size: cover;
					}
				}
				.tpl-tb1{
					display: flex;
					overflow: hidden;
					width: 93.75px;
					height: 100%;
					top: 0px;
					left: 0px;
					position: absolute;
				}
				.tpl-tb2{
					display: flex;
					overflow: hidden;
					margin-left: 93.75px;
					width: 93.75px;
					height: 100%;
					top: 0px;
					left: 0px;
					position: absolute;
				}
			}
			.tpl-content-box-2{
				display: flex;
				overflow: hidden;
				width: 0.5px;
				height: 100%;
				background-color: rgb(238, 238, 238);
				place-self: flex-start;
			}
			.tpl-content-box-3{
				display: flex;
				overflow: hidden;
				width: 50%;
				height: 100%;
				background-color: rgb(255, 255, 255);
				place-self: flex-start;
				position: relative;
				.tpl-tb-3{
					display: inline-block;
					overflow: hidden;
					font-size: 12px;
					height: auto;
					margin-top: 29px;
					margin-left: 10px;
					text-align: left;
					color: rgb(153, 153, 153);
					width: 83.75px;
					text-overflow: ellipsis;
					white-space: nowrap;
					line-height: 15px;
					position: absolute;
				}
				.tpl-content-one{
					display: flex;
					overflow: hidden;
					margin-top: 47px;
					margin-left: 10px;
					width: 72px;
					height: 58px;
					position: absolute;
					.tpl-img-1{
						width: 100%;
						height: 100%;
						background-image: url(../images/s3.jpg);
						background-repeat: no-repeat;
						background-position: center center;
						background-size: contain;
					}
				}
				.tpl-content-two{
					display: flex;
					overflow: hidden;
					margin-top: 13px;
					margin-left: 98.5px;
					width: 79px;
					height: 92.5px;
					position: absolute;
					.tpl-img-2{
						width: 100%;
						height: 100%;
						background-repeat: no-repeat;
						background-position: center center;
						background-size: contain;
						background-image: url(../images/s4.jpg);
					}
				}
				.tpl-content-three{
					display: flex;
					overflow: hidden;
					width: 100%;
					height: 26px;
					position: absolute;
					.tpl-img-3{
						width: 100%;
						height: 100%;
						background-image: url(../images/tb12.png);
						background-repeat: no-repeat;
						background-position: center center;
						background-size: cover;
					}
				}
				.tpl-img-4{
					display: flex;
					overflow: hidden;
					width: 93.75px;
					height: 100%;
					top: 0px;
					left: 0px;
					position: absolute;
				}
				.tpl-img-5{
					display: flex;
					overflow: hidden;
					margin-left: 93.75px;
					width: 93.75px;
					height: 100%;
					top: 0px; left: 0px;
					position: absolute;
				}
			}
		}
		
	}
}

.c_wrap1 {
    overflow: hidden;
    background: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
	margin-top: 5px;
	.c_bk {
		width: 8%;
		height: 7rem;
		font-size: 1.1rem;
		text-align: center;
		padding: 0.1rem;
		background: #9fcfbf;
		color: white;
		writing-mode: tb-rl;
		float: left;
		border-radius: 0 8px 8px 0;
		letter-spacing: 0.2rem;
	}
	.xt {
		width: 80px;
		float: left;
	}
	.fr {
		width: 70%;
		float: right;
		.ms {
			font-size: 16px;
			margin-top: 10px;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			line-height: 20px;
			span{
				
			}
		}
		.qi {
			text-align: right;
			margin-top: 10px;
			margin-right: 10px;
			.price2 {
				color: red;
				font-weight: bold;
				font-size: 1rem;
			}
			.qiang {
				display: inline-block;
				padding: 5px 20px;
				background: #9fcfbf;
				border-radius: 5px;
				color: #ffffff;
				font-size: 1.1rem;
			}
		}
	}
}

.temai {
    font-size: 1.1rem;
	color:hsla(0, 0%, 20%, 1);
    font-weight: bold;
    padding: 10px;
    background: #f2f2f2;
	position:relative;
	img {
		width: 5%;
		position: absolute;
		left: 5.5rem;
		vertical-align: middle;
	}
}
.juli {
	.cp {
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
		// background: #ffffff;
		padding: 10px;
		padding-top: 0;
		.k1 {
			width: 48%;
			padding:5px;
			background:white;
			// box-shadow: 1px 1px 0px #ccc;
			div {
				padding: 5px;
				
				img {
					width:100%;
					height: 100px;
				}
				.sbt {
					color: #848684;
					margin-top: 10px;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 1;
					line-height: 20px;
					
				}
			}
		}
	}
}

/*更多门店*/
.stores-box{
	width:100%;
	.stores-block-box{
		width:100%;
		padding:10px;
		margin-bottom: 10px;
		background:white;
		display: flex;
		justify-content: space-between;
		.stores-one{
			width:35%;
		}
		.stores-two{
			width:62%;
			p:nth-of-type(1){
				
			}
			p:nth-of-type(2){
				img{
					width:17px;
				}
			}
			.stores-add-box{
				p{
					float: left;
				}
			}
		}
	}
}

/***进入门店***/
.mui-bar{
	background:#84BEAB;
	a:before{
		color:white;
	}
}
.head-bot-box{
	width:100%;
	padding: 15px 0 0 10px;
	background:#84BEAB;
	display: flex;
	justify-content: space-between;
	.head-bot-tx{
		width:30%;
		img{
			width:100%;
			background-size: cover;
		}
	}
	.head-bot-right{
		width:68%;
		div{
			color:white;
		}
		.stores-title{
			font-weight: bold;
			font-size: 1rem;
			margin-bottom:21px;
		}
		.stores-time{
			margin-bottom:21px;
		}
		.stores-xiaoxi{
			width:100%;
			height:1.8rem;
			background:#66A792;
			line-height: 1.8rem;
			padding:0 0.5rem;
			
		} 
	}
}
/*******配送弹框*******/
.distribution-box{
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.5);
	position:absolute;
	top: 0;
	z-index: 11;
	display: none;
	.distribution{
		width:100%;
		padding:10px 10px 60px 10px;
		background:white;
		position:absolute;
		bottom: 0;
		.distribution-content{
			.distribution-one{
				margin-bottom: 10px;
				.distribution-title{
					font-size: 1.2rem;
					font-weight: bold;
				}
			}
		}
	}
}
/******个人中心******/
#box{
	.my-order-box{
		width:100%;
		background:#66A792;
		padding:10px;
	}
}